<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
* {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}
a#show-popup {
	
	float:left;
	text-decoration:none;
}
div#popup-bg {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:99;
	background:#000;
	display:none;
}
div#popup {
	width:680px;
	height:480px;
	border:solid 4px #000000;
	z-index:999;
	display:none;
	background:#FFF;
}
div#popup-header {
	position:relative;
	float:left;
	width:680px;
	line-height:30px;
	font-size:20px;
	background:#000;
	color:#FF0;
	cursor:move;
}
span#popup-close {
	cursor:pointer;
	color:#FFF;
	font-size:12px;
	position:absolute;
	top:-2px;
	right:10px;
	z-index:9999;
}
div#popup-content {
	width:670px;
	float:left;
	padding:5px;
    display: normal;
}

a#show-popup2 {
	
	float:left;
	text-decoration:none;
}
div#popup-bg2 {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:99;
	background:#000;
	display:none;
}
div#popup2 {
	width:680px;
	height:480px;
	border:solid 4px #000000;
	z-index:999;
	display:none;
	background:#FFF;
}
div#popup-header2 {
	position:relative;
	float:left;
	width:680px;
	line-height:30px;
	font-size:20px;
	background:#000;
	color:#FF0;
	cursor:move;
}
span#popup-close2 {
	cursor:pointer;
	color:#FFF;
	font-size:12px;
	position:absolute;
	top:-2px;
	right:10px;
	z-index:9999;
}
div#popup-content2 {
	width:670px;
	float:left;
	padding:5px;
    display: normal;
}
.suggestionsBox {
		position: absolute;
		left: 30px;
		margin: 10px 0px 0px 0px;
		width: 200px;
		background-color: #212427;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border-radius: 4px;
		border: 2px solid #000;	
		color: #fff;
	}
	
	.suggestionList {
		margin: 0px;
		padding: 0px;
	}
	
	.suggestionList li {
		
		margin: 0px 0px 3px 0px;
		padding: 3px;
		cursor: pointer;
	}
	
	.suggestionList li:hover {
		background-color: #659CD8;}
</style>

<script language="javascript" src="components/com_kinh_doanh/assets/jquery.min.js"></script>
<script language="javascript" src="components/com_kinh_doanh/assets/jquery-ui.min.js"></script>
<script type="text/javascript">
	function lookup(txtmkh) { //alert(txtmkh);
		if(txtmkh.length == 0) {
			// Hide the suggestion box.
			$('#suggestions').hide();
		} else {
			$.post("components/com_kinh_doanh/views/danh_sach_san_pham/lay_mkh.php", {txtmkh: ""+txtmkh+""}, function(data){
				if(data.length >0) {
					$('#suggestions').show();
					$('#autoSuggestionsList').html(data);
				}
			});
		}
	} // lookup
	
	function fill(thisValue) {
		$('#txtmkh').val(thisValue);
        //alert($('#txtmkh').val());
		setTimeout("$('#suggestions').hide();", 200);
	}
</script>


<script type="text/javascript">
function keypress(e){
var keypressed = null;
if (window.event)
{
keypressed = window.event.keyCode; //IE
}
else {

keypressed = e.which; //NON-IE, Standard
}
if (keypressed < 48 || keypressed > 57)
{
if (keypressed == 8 || keypressed == 127)
{
return;
}
return false;
}
}
</script>



<script language="javascript">
    
   
$(document).ready(function(){
	(function($){
		//Căn giữa phần tử thuộc tính là absolute so với phần hiển thị của trình duyệt, chỉ dùng cho phần tử absolute đối với body
		$.fn.absoluteCenter = function(){
			this.each(function(){
				var top = -($(this).outerHeight() / 2)+'px';
				var left = -($(this).outerWidth() / 2)+'px';
				$(this).css({'position':'absolute', 'position':'fixed', 'margin-top':top, 'margin-left':left, 'top':'50%', 'left':'50%'});
				return this;
			});
		}
	})(jQuery);
	
    $('a#show-popup').click(function(){
		//Đặt biến cho các đối tượng để gọi dễ dàng
		var bg=$('div#popup-bg');
		var obj=$('div#popup');
		var btnClose=obj.find('#popup-close');
		//Hiện các đối tượng
		bg.animate({opacity:0.2},0).fadeIn(1000); //cho nền trong suốt
		obj.fadeIn(1000).draggable({cursor:'move',handle:'#popup-header'}).absoluteCenter(); //căn giữa popup và thêm draggable của jquery UI cho phần header của popup
		//Đóng popup khi nhấn nút
		btnClose.click(function(){
			bg.fadeOut(1000);
			obj.fadeOut(1000);
		});
		//Đóng popup khi nhấn background
		bg.click(function(){
			btnClose.click(); //Kế thừa nút đóng ở trên
		});
		//Đóng popup khi nhấn nút Esc trên bàn phím
		$(document).keydown(function(e){
			if(e.keyCode==27){
				btnClose.click(); //Kế thừa nút đóng ở trên
			}
		});
		return false;
	});
    
    $('a#show-popup2').click(function(){
		//Đặt biến cho các đối tượng để gọi dễ dàng 
        $("#txtphatsinh").val("");
        $("#txtkhachtra").val("");
        $("#txtnote").val("");
		var bg=$('div#popup-bg2');
		var obj=$('div#popup2');
		var btnClose=obj.find('#popup-close2');
		//Hiện các đối tượng
		bg.animate({opacity:0.2},0).fadeIn(1000); //cho nền trong suốt
		obj.fadeIn(1000).draggable({cursor:'move',handle:'#popup-header2'}).absoluteCenter(); //căn giữa popup và thêm draggable của jquery UI cho phần header của popup
		//Đóng popup khi nhấn nút
		btnClose.click(function(){
			bg.fadeOut(1000);
			obj.fadeOut(1000);
		});
		//Đóng popup khi nhấn background
		bg.click(function(){
			btnClose.click(); //Kế thừa nút đóng ở trên
		});
		//Đóng popup khi nhấn nút Esc trên bàn phím
		$(document).keydown(function(e){
			if(e.keyCode==27){
				btnClose.click(); //Kế thừa nút đóng ở trên
			}
		});
		return false;
	});
    
    
    
    //kiem tra so luong nhap vao
    $("#txtsoluong").change(function(){
        var sl = eval($("#txtsoluong").val());
        var tk = eval($("#ton_kho").text());
        var dg = $("#don_gia").text();
       if(sl > tk)
       {
        
        $("#soluong").text("Số lượng mua lớn hơn số sản phẩm còn trong kho.");
        $("#txtphaitra").val(tt);
        $("#txttongtien").val(0);
       }
       else
       {
        var tt = eval(sl) * eval(dg);
        $("#txttongtien").val(tt);
        document.getElementById("hid_tt").value =tt;
        $("#txtphaitra").val(tt);
        document.getElementById("hid_pt").value =tt; 
        $("#soluong").empty();
       }
    });
    
    //kiem tra so tien khach dua
    $("#txtkhachdua").change(function(){
        var tt = eval($("#txtphaitra").val());
        var kd = eval($("#txtkhachdua").val());
       if(kd < tt)
       {  
        $("#khachdua").text("Số tiền khách đưa chưa đủ.");
        $("#txtthoilai").empty();
       }
       else
       {
        var tl = eval(kd) - eval(tt); 
        $("#txtthoilai").val(tl);
        $("#khachdua").empty();
       }
    });
    
    //kiem tra so tien khach dua cua phat sinh
    $("#txtkhachtra").change(function(){
        var tt = eval($("#txtphatsinh").val());
        var kd = eval($("#txtkhachtra").val());
        
       if(kd < tt)
       {  
        $("#tra").text("Số tiền khách đưa chưa đủ.");
        //$("#txtthoilai").empty();
       }
       else
       {
        //var tl = eval(kd) - eval(tt); 
        //$("#txtthoilai").val(tl);
        $("#tra").empty();
       }
    });
    
    //kiem tra coppon
    $("#txtcoppon").change(function(){
        var cp = $("#txtcoppon").val();
        var id_pro = $("#hidid").val(); 
        //xu ly ajax
        $.ajax({
			type:"get",
			url:"components/com_kinh_doanh/views/danh_sach_san_pham/kiemtra.php",
            //url:"index.php/?option=com_kinh_doanh",
            data:"id="+id_pro+"&cp="+cp,
			async:false,
			success:function(string){
                var ar = $.parseJSON(string);
                var sl = eval($("#txtsoluong").val());
                var dg = $("#don_gia").text();
                //alert(ar.flag);
                if(ar.flag==1)
                {
                    if(ar.id_product == id_pro){
                        var cp = ar.money;
                        $("#coppon").text(ar.money);
                        var tt = eval(sl) * eval(dg) - cp;
                        $("#txtphaitra").val(tt);
                        document.getElementById("hid_pt").value =tt;
                    }
                    else{
                        $("#coppon").text("Mã cuppon không hợp lệ");
                    }
                           
                }
                if(ar.flag==2)
                {
                    if(ar.id_product == id_pro){
                        var cp = ar.persent;
                        $("#coppon").text(ar.persent+"%");
                        $per = (eval(sl) * eval(dg) * cp/100); 
                        var tt = eval(sl) * eval(dg) - $per;
                        $("#txtphaitra").val(tt);
                        document.getElementById("hid_pt").value =tt;
                    }
                    else{
                        $("#coppon").text("Mã cuppon không hợp lệ");
                    }
                }
                if(ar.flag==3)
                {
                    var type = $("#hid_id_type").val(); 
                    
                    if(ar.id_product_type == type){
                        var cp = ar.money;
                        $("#coppon").text(ar.money);
                        var tt = eval(sl) * eval(dg) - cp;
                        $("#txtphaitra").val(tt);
                        document.getElementById("hid_pt").value =tt;
                    }
                    else{
                        $("#coppon").text("Mã cuppon không hợp lệ");
                    }
                }
                
                if(ar.flag==4)
                {
                    var type = $("#hid_id_type").val();
                    if(ar.id_product_type == type){
                        var cp = ar.persent;
                        $("#coppon").text(ar.persent+"%");
                        $per = (eval(sl) * eval(dg) * cp/100); 
                        var tt = eval(sl) * eval(dg) - $per;
                        $("#txtphaitra").val(tt);
                        document.getElementById("hid_pt").value =tt;
                    }
                    else{
                        $("#coppon").text("Mã cuppon không hợp lệ");
                    }
                }
                /*if(ar.flag == 0)
                {
                    var cp = ar.gia_tri; alert(ar.flag);
                    $("#coppon").text(ar.gia_tri+"%");
                    var tt = eval(sl) * eval(dg) - (eval(sl) * eval(dg) - (eval(sl) * eval(dg) * cp / 100));
                    $("#txtphaitra").val(tt);
                    document.getElementById("hid_pt").value =tt; 
                }
                
                if(ar.flag == 1)
                {
                    var cp = ar.gia_tri;
                    $("#coppon").text(ar.gia_tri);
                    var tt = eval(sl) * eval(dg) - cp;
                    $("#txtphaitra").val(tt);
                    document.getElementById("hid_pt").value =tt; 
                }*/
				//$("#coppon").text(ar.money);
                //$("#id_cup").val(ar.id_cup);
                //$("#id_type").val(ar.id_type);
                //$("#persent").val(ar.persent);
                
                //var cp = $("#coppon").text();
                //var tt = eval(sl) * eval(dg) - eval(cp);
                //$("#txtphaitra").val(tt);
                //document.getElementById("hid_pt").value =tt; 
			}
		})
    });
    
	
});

function tongtien()
{
    return document.getElementById("txttongtien").value;
}
 function chi_tiet(id)
{
    document.getElementById("ten").textContent=menu[id][0];
    document.getElementById("loai").textContent=menu[id][1];
    document.getElementById("ton_kho").textContent=menu[id][2];
    document.getElementById("don_gia").textContent=menu[id][3];
    document.getElementById("kieu_tien_te").textContent=menu[id][5];
    document.getElementById("don_vi_tinh").textContent=menu[id][6];
    document.getElementById("hidid").value = menu[id][7]; 
    document.getElementById("hid_a_b").value = menu[id][8];
    document.getElementById("hid_cur").value = menu[id][9];
    document.getElementById("hid_id_type").value = menu[id][10];
    document.getElementById("txtsoluong").value = "";
    document.getElementById("txtcoppon").value = "";
    document.getElementById("txttongtien").value = "";
    document.getElementById("txtphaitra").value = "";
    document.getElementById("txtkhachdua").value = "";
    document.getElementById("txtthoilai").value = "";
    document.getElementById("soluong").textContent = "";
    document.getElementById("coppon").textContent = "";
    document.getElementById("khachdua").textContent = "";
    document.getElementById("txtmkh").value = "";
}   
function add(id)
{ 
    
    var x = eval(document.getElementById(id).value);
    x+=1;
    document.getElementById(id).value = x;
    return;
}
function sub(id)
{
    if(eval(document.getElementById(id)).value==0)
    {
        alert("Số lượng không được bé hơn 0."); return;
    }
    else
    {
        var x = eval(document.getElementById(id).value);
        x-=1;
        document.getElementById(id).value = x;
        return;
    }
}
function kiem_tra_rong()
{
    
    if(document.getElementById("txtsoluong").value != "" && document.getElementById("txtkhachdua").value != "")
    {
        return true;
    }
    else
    {
        alert("Bạn nhập không đủ giá trị.");
        return false;
    }
}

function kiem_tra_phu_thu()
{  
    if(document.getElementById("txtphatsinh").value != "" && document.getElementById("txtkhachtra").value != "" && document.getElementById("txtnote").value != "")
    {
        return true;
    }
    else
    {
        alert("Bạn nhập không đủ giá trị.");
        return false;
    }
}
var menu = new Array( [], [] );


</script>
<?php
	jimport('joomla.application.component.view');
	class kinh_doanhViewdanh_sach_san_pham extends JView
	{
            //hien thi danh sach san pham
		function display($tpl=null)
		{
			$model = $this->getModel();
			$data=$model->danh_sach_san_pham();
            //print_r($data);
            //echo count($data);die;
                        $i=0;
                        ?>
<a href="#" style="font-size: 20px;" id="show-popup2">Phụ Thu</a><br /><h2>Danh Sách Sản Phẩm</h2>
<div id="popup-bg2"></div>
                    <div id="popup2">
                            <div id="popup-header2">Header<span id="popup-close2" title="Close">x</span></div>
                        <div id="popup-content2">
                          <form action="index.php/?option=com_kinh_doanh&task=xu_ly_phu_thu" method="post" onsubmit="return kiem_tra_phu_thu();">
                          <table>
                            <tr>
                                <td>
                                Số tiền:
                                </td>
                                <td>
                                <input type="text" id="txtphatsinh" name="txtphatsinh" onkeypress="return keypress(event);" />    
                                </td>
                            </tr>
                            <tr>
                                <td>
                               Khách trả:
                                </td>
                                <td>
                                <input type="text" id="txtkhachtra" name="txtkhachtra" onkeypress="return keypress(event);"/><span id="tra"></span>   
                                </td>
                            </tr>
                            <tr>
                                <td>
                                Chú thích: 
                                </td>
                                <td>
                                <textarea name="txtnote" id="txtnote"></textarea>  
                                </td>
                            </tr><tr>
                                <td>
                                <input type="submit" name="btnok" id="btnok" value="Gửi" /></form>
                                </td>
                            </tr>
                          </table>
                            
                            
                            
                            
                        </div>
                    </div>

<br />
<form action="index.php?option=com_kinh_doanh&task=thong_tin_don_hang" name="frm1" id="frm1" method="post">
<?php
    $type = "";
    //echo count($data);die;

    for($i=0;$i<count($data);$i++)
    {
        if($type != $data[$i]->name_type)
        {
            $type = $data[$i]->name_type;
            echo $type;  
            echo "<br />"?>
            
            <?php  
        }
        if($type == $data[$i]->name_type)
        {
            ?>
                <div style="width: 200px; padding-left: 15px;padding-bottom: 1px;float:left;">
            <img src="components/com_adminshop/assets/images/upload/thumb/<?php $img = explode(",", $data[$i]->img); echo $img[0];?>" width="150" height="80" /> 
                    <br /><?php echo $data[$i]->name;?>
                    <br/>Giá:<?php echo $data[$i]->price;?></strong><br />Số lượng: <?php echo $data[$i]->number_of; ?>
                        
                        <br/><table>
                            <tr>
                                <td>
                                <a onclick="return add(<?php echo $data[$i]->id_product; ?>)">Thêm</a>
                                </td>
                                <td>
                                <a onclick="return sub(<?php echo $data[$i]->id_product; ?>)">Bớt</a>
                                </td>
                            </tr>
                        </table>
                        <input type="text" id="<?php echo $data[$i]->id_product; ?>" name="<?php echo $data[$i]->id_product; ?>" value="0" />
                    </div>
            <?php
        }
 
                    if($i<count($data)-1)
                    {
                        if($data[$i+1]->name_type != $type)
                            {
                                echo "<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>";
                                
                            }
                    }
                    if($i==count($data)-1)
                    {
                                echo "<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>";
                                
                            }
              
        
   }?>


<input type="submit" name="btnnext" value="Tiếp Tục" />
</form>
<?php		
		}
		
	}
?>
